<template>
    <div>
      <!-- 主体内容 -->
      <div class="Main_content" v-show="selectrefor">
        <!-- 提示 -->
        <div class="Announcement" @click="go_page()">
          <span><img src="../../../static/images/Notice.png" alt=""></span>
          <marquee behavior="behavior" loop="2" width="200">公告：园区进出口企业重要提示!</marquee>
        </div>
        <!-- 首页 -->
        <div class="Home" v-show="selecthome">
          <div class="home_left">
            <!-- 轮播 -->
            <div class="carousel">
              
              <carousel-component :height="height"></carousel-component>
            </div>
            <!--  -->
            <div class="home_directory">
              <div class="trops">
                <p class="trops_title">企业名录</p>
                <p>
                  帮助企业实现数据驱动用户行为分析和智能应用解决方案服务商帮助企业实用解决方案服务商务商
                </p>
              </div>
              <div class="activity">
                <p class="activity_title">企业活动</p>
                <p>
                  帮助企业实现数据驱动用户行为分析和智能应用解决方案服务商商
                </p>
              </div>
            </div>
            <!--  -->
            <div class="brief_introd">
              <span class="brief_title">我是简介</span>
              <p class="brief_text">
                为了给客户最优质的服务体验，周xxx联手xxxx冷运，开展冷运到家业务的推广，2018年xxxxx期间
                ，xxxxx承接了xxxxx全部订单。
              </p>
            </div>
          </div>
          <div class="home_right">
            <div class="justify">
              <div class="justify_box">
                <div class="snvestment"></div>
                <div class="service"></div>
                <div class="policy"></div>
                <div class="Finance_z"></div>
              </div>
            </div>
          </div>
        </div>



      </div>

      <!--  -->
      <!-- 联系我们 -->
      <div class="container contact" v-show="selectcontact">
        <h6 class="Contact_top">联系我们</h6>
        <div class="row">
          <div class="col-md-6">
            <div class="contact_left">
              <p>联系地址：福建省厦门市湖里区湖里大道33号西侧六层</p>
              <p>服务热线：0592-5703606</p>
              <p>企业邮箱：yjy@herocheer.com</p>
            </div>
          </div>
          <div class="col-md-6">
            <div>
              <p>联系地址：福建省厦门市湖里区湖里大道33号西侧六层</p>
              <p>服务热线：0592-5703606</p>
              <p>企业邮箱：yjy@herocheer.com</p>
            </div>
          </div>
        </div>
      </div>
      <!-- 公告详情 -->
      <div class="container contact noticet" v-show="selectnoticet">
        <h6 class="Contact_top">公告详情</h6>
        <div class="">
          <p class="text-center notice_top">园区进出口企业重要提示！</p>
          <p class="text-center notice_time">2018-11-19</p>
          <p>
            近期，接到企业反映，有自称海关总署某中心工作人员以电子邮件形式通知企业对海关监管事项进行自查并报送材料。为保障企业安全，维护进出口秩序，园区海关提醒企业，对类似要求请企业谨慎应对，可主动与主管地海关联系确认，也可以拨打海关统一服务热线12360确认核实。
          </p>
          <p class="text-right notions">厦门工业园区海关</p>
          <p class="text-right">厦门工业园区经济发展委员会</p>
          <p class="text-right">2018年11月19日</p>
        </div>
      </div>
      <!-- 企业注册 -->
      <div class="container main business" v-show="selectenterprise">
        <div class="Reminder_tip row">
          <div class=" col-md-12">
            <div class="enter_nforma">
              <div class="">
                <h5 class="prompt">温馨提示</h5>
                <p>
                  企业用户是隶属于园区某个企业，经企业授权或认可，代表本企业进行网上业务办理的个人用户。
                </p>
                <p>企业用户分为企业管理员和一般用户两种角色。</p>
                <p>
                  企业管理员是本企业和园区地方政府之间的主要联系人，在企业服务空间中主要负责：
                </p>
                <ol>
                  <li>维护本企业的相关信息；</li>
                  <li>审核本企业其他一般用户的注册信息；</li>
                  <li>接收政府通告信息；</li>
                </ol>
                <p class="Add_to">
                  建议由本企业行政部门的相关管理人员担任企业管理员！
                </p>
                <p>
                  一般用户为隶属于某个企业，为保证真实性，其注册信息需经本企业管理员审核。未经本企业管理员审核，不可登录企业服务空间。
                </p>
              </div>
              <div class=" enterprise_btn">
                <button type="button" class="btn btn-primary ">确定注册</button>
                <button type="button" class="btn btn-primary ">返回</button>
              </div>
            </div>
            <div class="step hot_BJ">
              <div class="procedure">
                <span class="change_Y"
                  ><button type="button" class="btn btn-primary btn-lg">
                    搜素并选择企业</button
                  ><i>1</i></span
                >
                <span><img src="../../../static/images/Arrow_xs.png" alt=""/></span>
                <span
                  ><button type="button" class="btn btn btn-default btn-lg">
                    填写个人信息</button
                  ><i>2</i></span
                >
                <span><img src="../../../static/images/Arrow_xx.png" alt=""/></span>
                <span
                  ><button type="button" class="btn btn btn-default btn-lg">
                    验证手机与邮箱</button
                  ><i>3</i></span
                >
              </div>
              <div class="busin_name">
                <!-- <p> -->
                <span class="text-center"> 企业名称</span
                ><input type="text" /><button
                  type="button"
                  class="btn btn btn-default btn-sm"
                >
                  <img src="../../../static/images/Search.png" alt="" />
                </button>
                <!-- </p> -->
              </div>

              <div class="daily_work">
                <p>
                  <select name="" id=""
                    ><option value="">企业名称</option></select
                  >
                </p>
                <p class="">
                  <select name="" id="change_select"
                    ><option value="">管理员</option></select
                  >
                </p>
                <p>
                  <select name="" id=""
                    ><option value="">操作</option></select
                  >
                </p>
              </div>
            </div>
          </div>
        </div>
        <br />
        <br />
      </div>
      <!-- 关于我们 -->
      <div class="container main Regard" v-show="selectregard">
        <p class="regard_to">您当前位置 > 首页 > 关于我们</p>
        <div class="hot_BJ regard_box">
          <div class="regard_top regard_title">
            <button class="btn submissio">关于我们</button>
            <span>火炬中小在线信息服务有限公司</span>
          </div>
          <p class="regard_top regard_i">
            <span>来源：火炬中小在线 </span>
            <span
              ><i><img src="../../../static/images/time.png" alt=""/></i>时间：2019-04-21线
            </span>
            <span
              ><i><img src="../../../static/images/read.png" alt=""/></i>阅读（26589）线
            </span>
            <span
              ><i><img src="../../../static/images/share.png" alt=""/></i>分享</span
            >
          </p>

          <p class="regard_text">
            厦门中小在线信息服务有限公司是一家专注于中小微企业公共云服务平台建设和运营的互联网高科技企业，于2004年，由厦门市工业和信息化局下属事业单位厦门市中小企业服务中心投资成立，2018年划转至厦门金圆投资集团有限公司。采用“互联网+小微企业服务”模式，建设和运营“中小在线|慧企云”网络平台，汇聚各类优质服务机构和资源，为“大众创业、万众创新”提供政策咨询、投融资、培训、招聘、技术创新等“一站式”公共服务支持，打造中小企业优质服务生态圈。目前，“中小在线”日均访问量已突破15万人次，成为福建省中小企业服务第一门户网站。
          </p>
          <p class="regard_text">
            同时，公司负责建设和运营由厦门市委组织部和厦门市委非公企业工委主办的厦门非公企业党建网——“红色驿站”（dj.xmsme.com），以宣传党建工作为契机，将中小企业服务与非公党建“高位嫁接”，为党委政府与广大非公经济企业业主及其党组织增进了解、沟通交流建立渠道、搭建平台，促进企业生产发展。近年来，“红色驿站”受到市、省及中央组织部门的高度评价，《新华社》、《人民日报》、《中国组织人事报》等主流媒体先后报道了其典型经验做法。
          </p>
          <div class="regard_text">
            <p>主要成就：</p>
            <p>
              011年,工业和信息化部授予首批“国家中小企业公共服务示范平台”（全国99家,厦门唯一一家），2017年再次认定为“国家中小企业公共服务示范平台”;
            </p>
            <p>
              2012年，科技部火炬高技术中心认定的第二批“中国创新驿站厦门基层站点”；
            </p>
            <p>
              2013年,福建省经贸委（省经信委）、省财政厅授予首批“福建省中小企业公共服务示范平台”;
            </p>
            <p>
              2013年,厦门市经信局（省经信局）、市财政局授予首批“厦门市中小企业公共服务示范平台”。
            </p>
          </div>
          <div class="regard_text">
            <p>联系方式:</p>
            <p>地 址：厦门市湖滨南路83号港澳中心5楼</p>
            <p>传 真：0592-2223712</p>
            <p>电子邮箱：info@xmsme.com</p>
          </div>
        </div>
        <br />
        <br />
      </div>
      <!--  -->


    </div>



</template>
<script>
    import navTab from '../../views/localPage/nav'
    import CarouselComponent from '../../views/localPage/CarouselComponent'
export default{

    data(){
      return{
        height:'290px',
      currentValue:"tel",
      selecthome:true,//首页
      selectpassword:false,//密码找回
      selectregard:false,//关于我们
      selectenterprise:false,//企业注册
      selectnoticet:false,//公告详情
      selectcontact:false,//联系我们
      selectrefor:true,//
      isCheck:false,
      cur:0,
      selectcode:false,//二维码
      selectlogin:false,//登录
      selectperson:false,//个人用户注册
      logincur:0,
        navD: [
            { id: 1, zt: "首页"},
            { id: 2, zt: "惠企政策"},
            { id: 3, zt: "服务超市 "},
            { id: 4, zt: " 金融云 "},
            { id: 5, zt: "投融资中心" }  ,
            { id: 6, zt: "企业名录   " }  ,
            { id: 7, zt: "企业活动 " }  ,
            { id: 8, zt: "园区配套" }  ,
          ],
          user:[{id:1,user:"个人用户"},{id:2,user:"企业用户"}]
          }
    },
    methods:{
        // 首页的登录注册
        selecttheless(){
            this.selecthome=false;
            this.selectlogin=true;
        },
        getItme(item,index){
            this.cur=index
            switch(index){
                case 2:
                  this.$router.push({ path:'/ServiceSupermarket/Home'})
                  break;
                case 6:
                this.$router.push({ path:'/ServiceSupermarket/Home'})
                break;

            }
        },
          // 搜索邻域：        不限
      search: function() {},
          // 发布需求
      release_demand: function() {
        },
        loginItme(item,index){
            this.logincur=index
        },
      //   直接登录
      login:function(){
          this.selectperson=false;
          this.selectlogin=true;
      },
      // 二维码
      code:function(){
          this.selectcode=true;
          this.selectlogin=false;
      },
      // 立即注册
      register:function(){
          this.selecthome=false;
          this.selectcode=false;
          this.selectperson=true;
          this.selectlogin=false;
          this.selectlogin=false;
      },
      // 使用邮箱注册
      emailregster(){

      },
      // 忘记密码
      selectforget(){
          this.selectrefor=false;
          this.selectlogin=false;
          this.selectpassword=true;
      },
      //跳转到公告详情页面
      go_page(){
        this.$router.push({path:'/Pages/Home/Notice'})
      }
    },
    components:{navTab,CarouselComponent}
}

</script>
<style scoped>
  .carousel{
    width: 400px;
    height: 281px;
  }
  .Main_content{
    position: relative;
  }
  .Announcement{
    position: absolute;
    top: 15px;
    left: 23.1%;
    padding: 0px 22px 0px 33px;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    font-size: 16px;
    height: 38px;
    line-height: 38px;
  }
  .Announcement>span{
    position: absolute;
    left: -16px;
  }
</style>
